<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>全托管卖家中心</title>
	<link rel="shortcut icon" href="./static/image/tts-favicon.png">
	<link rel="stylesheet" type="text/css" href="./static/libs/element-ui/index.css">
	<link rel="stylesheet" type="text/css" href="./static/css/public.css">
	<link rel="stylesheet" type="text/css" href="./static/css/m_tailwind.css">
	<link rel="stylesheet" type="text/css" href="./static/font/iconfont.css">
	<link rel="stylesheet" type="text/css" href="./static/css/订单管理-发货台.css">
</head>
<body>
	<div id="app" v-cloak>
		<m-layout>
			<div class="m-table-page">
                <div class="m-page-title">结算数据</div>
                <div class="m-page-card">
					<el-form class="m-page-form" size="medium" :model="form" inline label-position="left">
						<el-row :gutter="10">
							<el-col :span="8">
                                <el-form-item label="送货单号">
                                    <el-input v-model="form.aaa" placeholder="可批量搜索用空格或逗号隔开" />
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
                                <el-form-item label="关联单号">
                                    <el-input v-model="form.aaa" placeholder="可批量搜索用空格或逗号隔开" />
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
								<el-form-item label="货期">
									<el-date-picker
										v-model="form.bbb"
										type="daterange"
										range-separator="至"
										start-placeholder="开始日期"
										end-placeholder="结束日期">
									</el-date-picker>
								</el-form-item>
							</el-col>
                            <el-col :span="8">
								<el-form-item label="送货类型">
									<el-select v-model="form.ccc" placeholder="请选择">
										<el-option label="AED321343232" value="1"></el-option>
									</el-select>
								</el-form-item>
							</el-col>
                            <el-col :span="8">
                                <el-form-item label="SPU">
                                    <el-input v-model="form.aaa" placeholder="可批量搜索用空格或逗号隔开" />
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
                                <el-form-item label="货号">
                                    <el-input v-model="form.aaa" placeholder="可批量搜索用空格或逗号隔开" />
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
								<el-form-item label="是否随大货送出">
									<el-select v-model="form.ccc" placeholder="请选择">
										<el-option label="AED321343232" value="1"></el-option>
									</el-select>
								</el-form-item>
							</el-col>
                            <el-col :span="8">
                                <el-form-item label="QrCode">
                                    <el-input v-model="form.aaa" placeholder="可批量查询，用英文逗号或空格间隔" />
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
								<el-form-item label="仓库列表">
									<el-select v-model="form.ccc" placeholder="请选择">
										<el-option label="AED321343232" value="1"></el-option>
									</el-select>
								</el-form-item>
							</el-col>
                            <el-col :span="8">
								<el-form-item label="备货模式">
									<el-select v-model="form.ccc" placeholder="请选择">
										<el-option label="AED321343232" value="1"></el-option>
									</el-select>
								</el-form-item>
							</el-col>
                            <el-col :span="16">
                                <div class="flex justify-end items-center">
                                    <div class="mr-10">收起<i class="el-icon-arrow-up ml-5"></i></div>
                                    <el-button size="medium">重置</el-button>
                                    <el-button size="medium" type="primary">搜索</el-button>
                                </div>
                            </el-col>
                            <el-col :span="24">
                                <div class="ksss-box">
                                    <b class="text-12">快速搜索：</b>
                                    <el-checkbox-group v-model="form.ddd">
                                        <el-checkbox label="紧急单"></el-checkbox>
                                        <el-checkbox label="加急单"></el-checkbox>
                                        <el-checkbox label="普通单"></el-checkbox>
                                        <el-checkbox label="今日新增紧急/加急"></el-checkbox>
                                    </el-checkbox-group>
                                </div>
                            </el-col>
                        </el-row>
                    </el-form>
                    <div class="table-handle">
                        <div class="left">
                            <div>已选中：0</div>
                            <span class="split"></span>
                            <el-checkbox v-model="form.eee">全选本页</el-checkbox>
                        </div>
                        <div class="right">
                            <div class="mr-10">创建时间由远到近<i class="iconfont icon-jiantou_shangxiaqiehuan_o" style="margin-left: 3px;"></i></div>
                            <el-button disabled>打印订单</el-button>
                            <el-button>导出</el-button>
                            <el-button disabled>批量打印SKU条码</el-button>
                            <el-button disabled>批量填写送货数量</el-button>
                        </div>
                    </div>
                    <el-table class="m-page-table" :data="tableData" border :span-method="arraySpanMethod">
                        <el-table-column type="selection" width="55"></el-table-column>
                        <el-table-column label="送货单号">
                            <template slot-scope="scope">
                                <div class="flex items-center">
                                    <b>{{scope.row.shdh}}</b>
                                    <i class="iconfont icon-copy2fuzhi color-gray-400 text-12 ml-5"></i>
                                </div>
                                <div>
                                    <template v-for="(item, index) in scope.row.tag" :key="index">
                                        <el-tag class="mr-5" v-if="typeof item == 'string'" size="mini" type="info">{{item}}</el-tag>
                                        <el-tag class="mr-5" v-else size="mini" :type="item.type">{{item.name}}</el-tag>
                                    </template>
                                </div>
                                <div class="color-gray-400">
                                    <div>订单号：{{scope.row.ddh}}</div>
                                    <div>货期：{{scope.row.huoqi}}</div>
                                    <div>预计到仓时间：{{scope.row.yjdcsj}}</div>
                                    <div>预计送货时间：{{scope.row.yjshsj}}</div>
                                </div>
                            </template>
                        </el-table-column>
                        <el-table-column label="商品信息以及仓库">
                            <template slot-scope="scope">
                                <div class="flex">
                                    <img class="mr-10" :src="scope.row.tupian" width="50px" height="60px">
                                    <div>
                                        <div class="flex items-center">
                                            <b>SPU:{{scope.row.spu}}</b>
                                            <i class="iconfont icon-copy2fuzhi color-gray-400 text-12 ml-5"></i>
                                        </div>
                                        <div class="color-gray-400">
                                            <div>仓库：{{scope.row.cangku}}</div>
                                            <div>样衣编码：{{scope.row.yybm}}</div>
                                        </div>
                                    </div>
                                </div>
                            </template>
                        </el-table-column>
                        <el-table-column>
                            <template slot="header" slot-scope="scope">
								<span>可售国家范围</span><i class="iconfont icon-wenhao ml-5 color-gray-400"></i>
							</template>
                            <template slot-scope="scope">
                                <div class="guojia-box">
                                    <div v-for="(item, index) in scope.row.ksgjfw" :key="index" class="item">{{item}}</div>
                                    <div v-if="scope.row.ksgjfwMore" class="more">+{{scope.row.ksgjfwMore}}</div>
                                </div>
                            </template>
                        </el-table-column>
                        <el-table-column prop="sxxx" label="属性信息"></el-table-column>
                        <el-table-column label="SKU/SKU货号">
                            <template slot-scope="scope">
                                <div class="flex items-center">
                                    <span>SKU:{{scope.row.sku}}</span>
                                    <i class="iconfont icon-copy2fuzhi color-gray-400 text-12 ml-5"></i>
                                </div>
                                <div class="color-gray-400 flex items-center">
                                    <div>货号：{{scope.row.huohao}}</div>
                                    <i class="iconfont icon-copy2fuzhi color-gray-400 text-12 ml-5"></i>
                                </div>
                            </template>
                        </el-table-column>
                        <el-table-column prop="dfhsl" label="待发货数量"></el-table-column>
						<el-table-column label="操作" width="150">
							<template slot-scope="scope">
								<el-link type="primary" :underline="false">查看详情</el-link>
							</template>
						</el-table-column>
                    </el-table>
                    <div class="text-right pt-10">
                        <el-pagination :current-page.sync="pageNo" background layout="prev, pager, next" :total="originData.length"></el-pagination>
                    </div>
                </div>
            </div>
		</m-layout>
	</div>

	<script src="./static/libs/vue2.6.8/vue.min.js"></script>
	<script src="./static/libs/element-ui/index.js"></script>
    <script src="./static/libs/dayjs.min.js"></script>
	<script src="./static/js/Tools.js"></script>
    <script src="./static/image/goods/title.js"></script>
	<script src="./config/订单管理-发货台.js"></script>
	<script src="./static/components/common.js"></script>
	<script src="./static/js/订单管理-发货台.js"></script>
</body>
</html>